<template>
  <div class="home">
     <ly-tab
     v-model="selected"
     :items = "items"
     :options = "options"
     @change="handleChange"
     class="fix"
     />
     <router-view/>
  </div>
</template>

<script type="text/ecmascript-6">
export default {
    name:'Home',
  data() {
    return {
      selected:0,//选中的id
      items:[
        {label:'热门'},
        {label:'服饰'},
        {label:'鞋包'},
        {label:'母婴'},
        {label:'百货'},
        {label:'食品'},
        {label:'内衣'},
        {label:'男装'},
        {label:'电器'},

      ],
      options:{
        activeColor:'#e9232c'//设置选中的颜色
      },
      //二级路由路径
      subRouterUrl:[
        '/home/hot',
        '/home/dress',
        '/home/box',
        '/home/mbaby',
        '/home/general',
        '/home/food',
        '/home/shirt',
        '/home/man',
        '/home/ele',

      ]

    }
  },
  components: {

  },
  methods:{
    handleChange(item,index){
      // console.log(item,index);
      this.$router.replace(this.subRouterUrl[index])
      
    }
  }
}
</script>

<style scoped lang="stylus">
.home
    background-color #f5f5f5
    width 100%
    height 100%
    .fix
      position fixed
      left 0
      top 0
      z-index 998
</style>
